@baseColor: #25BC89;

// 百度地图
.contact-baidu {
  iframe {
    height: 550px;
  }
  @media screen and (max-width: 768px) {
    iframe {
      height: 200px;
    }
  }
}

// 信息
.contact-info {
  .container {
    margin-top: 6rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
    .row {
      > div {
        height: 5.6rem;
      }
      .iconfont {
        font-size: 2.2rem;
        color: @baseColor;
        position: absolute;
        left: 1.6rem;
        top: 1rem;
      }
      .contact-info-right {
        width: 100%;
        padding-left: 4rem;
        box-sizing: border-box;
        h3 {
          font-size: 1.2rem;
        }
        > span {
          color: #A3A3A3;
        }
      }
    }
  }
  @media screen and (max-width: 768px) {
    .container {
      margin-top: 2rem;
    }
  }
}

// 联系我们
.contact-us-form {
  .container {
    text-align: center;
    padding-top: 5rem;
    padding-bottom: 4.5rem;
    > h2 {
      color: @baseColor;
      font-size: 1.6rem;
      & + p {
        margin-bottom: 2rem;
      }
    }
    input,textarea {
      border: 1px solid #ccc;
      height: 3rem;
      padding: .7rem;
      box-sizing: border-box;
      display: block;
      width: 100%;
      margin-bottom: 12px;
    }
    .inp-name {
      width: 48%;
      float: left;
    }
    .inp-email {
      width: 48%;
      float: right;
    }
    textarea {
      height: 12rem;
      resize: none;
    }
    button {
      margin-top: 2rem;
      width: 16rem;
      height: 2.8rem;
      background-color: @baseColor;
      color: #fff;
    }
  }
  @media screen and (max-width: 768px) {
    .container {
      .inp-name,.inp-email {
        width: 100%;
      }
    }
  }
}